<template>
	<view class="content">
		<image class="img" :src="img" mode="widthFix"></image>
		<view class="info">
			<view @click="phone">联系电话:  123-456-7891 ( 点击拨打 )</view>
			<view>地址:  广东省佛山市顺德区陈村镇老街18号山寨山寨山寨时代</view>
		</view>
		<map class="map" :longitude="longitude" :latitude="latitude" :markers="markers"></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				img: 'http://photo.16pic.com/00/10/31/16pic_1031180_b.jpg',
				longitude: 113.246928,
				latitude: 22.958632,
				markers: [{
					longitude: 113.246928,
					latitude: 22.958632,
					iconPath: '../../static/icon/logo.jpg',
					width: 50,
					height: 50
				}]
				
			}
		},
		methods: {
			phone() {
				uni.makePhoneCall({
					phoneNumber: '123-456-7891'
				})
			}
		}
	}
</script>

<style lang="scss">
	.img {
		width: 100%;
	}
	.info {
		padding: 15rpx 20rpx;
		font-size: 30rpx;
		line-height: 50rpx;
	}
	.map {
		width: 100%;
		height: 750rpx;
	}
</style>
